import React, { Component } from "react";
import UcInput from './uc-input'

export default class UcInputTest extends Component {
    state = {
        username: '',
        password: 'qeqwe',
        context: 'wqeqweqwe'
    }

    checkIpt = ev => this.setState({ [ev.target.name]: ev.target.value });
    render() {
        return (
            <div>
                <h3>测试</h3>
                <UcInput />
                <hr />
                <UcInput label="账号" stayle={{ borderLeft: '1px solid red' }} model={{ name: "username", value: this.state.username, onChange: this.checkIpt }} />
                <UcInput type="password" label="密码" model={{ name: "password", value: this.state.password, onChange: this.checkIpt }} />
                <hr />
                <UcInput
                    multi
                    label="个人简介"
                    model={{ name: 'context', value: this.state.context, onChange: this.checkIpt }}
                />
                <UcInput
                    multi
                    label="备注"
                />
            </div >
        )
    }
}